<?php
/**
 * 商城首页
 * User: tengyu
 * Date: 2017/8/21
 * Time: 15:58
 */?>
@extends('common.common')
@section('title','首页')
@section('css')<link rel="stylesheet" href="{{asset('/css/index.css')}}">@endsection
@section('js')<script src="{{asset('/js/index.js')}}"></script>
<script>
    //调用滚动监听插件函数
    $(window).scrollspy({
        target: 'div.affix'  //指定要操作的附加导航
    });
</script>@endsection
@section('content')
    <div id="content">
        <!--nav start-->
        @include('common.centernav')
        <!--nav end-->
        <!--轮播-->
        <div id="carousel" class="container ">
            <div id="carousel_pic" class="carousel slide" data-ride="carousel" data-interval="3000">
                <div class="carousel-inner">
                   @foreach($param['banner'] as $k=>$v)
                        @if($k==0)<div class="item active">@else<div class="item">@endif
                            <img style="border-radius: 18px;" src="{{asset(env('STATIC_FILE_ERP_PATH').$v->carousel_pic)}}">
                        </div>
                    @endforeach
                    <!--轮播上的功能-->
                    <div id="carouselFn">
                        <div class="fnList">
                            <p>办公家具</p>
                            <ul>
                                @foreach($param['classify_lists'] as $k=>$v)
                                <li><a href="fitment?fitment_type_classify=1&fitment_subcate_id={{$k}}">{{$v}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="carousel-indicators">
                    <li class="active" data-target="#carousel_pic" data-slide-to="0"></li>
                    <li data-target="#carousel_pic" data-slide-to="1"></li>
                    <li data-target="#carousel_pic" data-slide-to="2"></li>
                    <!--<li data-target="#carousel_pic" data-slide-to="3"></li>勿删-->
                    <!--<li data-target="#carousel_pic" data-slide-to="4"></li>勿删-->
                </ul>
            </div>
        </div>
        <!--三个服务-->
        <div id="threeService" class="container">
            <div class="row">
                <div class="col-xs-4">
                    <a href="{{url('/interior_design')}}"><img src="img/shinei.jpg"></a>
                    <p>室内设计</p>
                </div>
                <div class="col-xs-4">
                    <a href="{{url('/customized')}}"><img src="img/dingzhi.jpg"></a>
                    <p>定制化产品</p>
                </div>
                <div class="col-xs-4">
                    <a href="{{url('/move_server')}}"><img src="img/banjia.jpg"></a>
                    <p>搬家服务</p>
                </div>
            </div>
        </div>
        <!--热门家具-->
        <div id="f1" class="container hotFurniture">
            <div class="col-xs-8">
                <p>热门家具</p>
                <div class="row" style="padding:20px;">
                    <div class="col-xs-6">
                        <img src="/img/hotfit.jpg" class="img-responsive">
                    </div>
                    <div class="col-xs-6">
                        <img src="/img/banner/hot1.png" class="img-responsive" style="margin-bottom: 32px;">
                        <img src="/img/banner/hot2.png" class="img-responsive" >
                    </div>
                </div>
            </div>
            <div class="col-xs-4">
                <p>高性价比</p>
                <div class="row" style="padding:20px 13.5px">
                    <div class="col-xs-12">
                        <img src="/img/banner/gxjb3.png" class="img-responsive high_price" style="margin-bottom: 32.5px;">
                        <img src="/img/banner/gxjb4.png" class="img-responsive high_price">
                    </div>
                </div>
            </div>
        </div>
        <!--各类家具-->
        <div id="allFurniture">
            <!--办公家具-->
            <div id="f2" class="container">
                <div class=" banGongFurniture">
                    <p>
                        办公用桌
                        <button class="btn btn-default pull-right"><a href="{{url('/fitment?fitment_type_classify=1&fitment_subcate_id=7')}}">查看全部</a></button>
                    </p>
                    <div class="row">
                        <div class="col-xs-4"><img src="/img/bgz.jpg"></div>
                        <a href="{{url('/fitment/show/75')}}">
                        <div class="col-xs-4 picFon" style="margin-right:10px;">
                            <dt><img src="/img/banner/bgyz1.png" class="img-responsive" alt="办公用桌图片"></dt>
                            <dd>屏风办公桌</dd>
                            <dd>简约北欧风格办公桌</dd>
                            <dd>¥34/套/月</dd>
                        </div>
                        </a>
                        <a href="{{url('/fitment/show/78')}}">
                        <div class="col-xs-4 picFon">
                            <dt><img src="/img/banner/bgyz2.png" class="img-responsive" alt=""></dt>
                            <dd>时尚简约办公桌</dd>
                            <dd>北欧风格职员办公桌</dd>
                            <dd>¥34/套/月</dd>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="introduce">用最短的时间，给您最好的办公环境</div>
            <!--商业家具-->
            <div id="f3" class="container">
                <div class=" banGongFurniture">
                    <p>
                        办公用椅
                        <button class="btn btn-default pull-right"><a href="{{url('/fitment?fitment_type_classify=1&fitment_subcate_id=8')}}">查看全部</a></button>
                    </p>
                    <div class="row">
                        <div class="col-xs-4">
                            <img src="/img/bgy.jpg">
                        </div>
                        <a href="{{url('/fitment/show/81')}}">
                        <div class="col-xs-4 picFon" style="margin-right:10px;">
                            <dt><img src="/img/banner/bgyy1.png" class="img-responsive" alt=""></dt>
                            <dd>护腰办公椅</dd>
                            <dd>舒适而时尚</dd>
                            <dd>¥17/套/月</dd>
                        </div>
                        </a>
                        <a href="{{url('/fitment/show/67')}}">
                        <div class="col-xs-4 picFon">
                            <dt><img src="/img/banner/bgyy2.png" class="img-responsive" alt=""></dt>
                            <dd>时尚职员椅</dd>
                            <dd>时尚电脑椅</dd>
                            <dd>¥27/套/月</dd>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="introduce">各种各样的高端大气上档次，就问你心不心动？</div>
            <!--居家家具-->
            <div id="f4" class="container">
                <div class=" banGongFurniture">
                    <p>
                        办公储柜
                        <button class="btn btn-default pull-right"><a href="{{url('/fitment?fitment_type_classify=1&fitment_subcate_id=9')}}">查看全部</a></button>
                    </p>
                    <div class="row">
                        <div class="col-xs-4"><img src="/img/bgg.jpg"></div>
                        <a href="{{url('/fitment/show/70')}}">
                        <div class="col-xs-4 picFon" style="margin-right:10px;">
                            <dt><img src="/img/banner/bgcg1.png" class="img-responsive" alt=""></dt>
                            <dd>纯黑钢制文件柜</dd>
                            <dd>百搭储物好选择</dd>
                            <dd>¥60/套/月</dd>
                        </div>
                        </a>
                        <a href="{{url('/fitment/show/83')}}">
                        <div class="col-xs-4 picFon">
                            <dt><img src="/img/banner/bgcg2.png" class="img-responsive" alt=""></dt>
                            <dd>北欧铁皮文件柜</dd>
                            <dd>办公桌搭配的矮小时尚用品</dd>
                            <dd>¥27/套/月</dd>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="introduce">这里的每一件您看中的，都将是你未来的Style</div>
        </div>
    </div>
    <div id="partition"></div>

    <div class="affix">
        <ul>
            <li><a href="#f1">热门家具</a></li>
            <li><a href="#f2">办公用桌</a></li>
            <li><a href="#f3">办公用椅</a></li>
            <li><a href="#f4">办公储柜</a></li>
        </ul>
    </div>
@endsection



